<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="common/common.css"/>
		<link rel="stylesheet" type="text/css" href="common/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/case.css"/>
	</head>
	<body>
		<div class="container">
			<header>
				<div class="logo fl">
					<img src="common/images/logo.png"/>
				</div>
				<div class="top_r fr">
					<img src="common/images/weibo.jpg"/>
				</div>
				<nav class="fr">
					<ul>
						<li><a href="index.html">首页<p>home</p></a></li>
						<li><a href="game.html">游戏<p>game</p></a></li>
						<li class="active"><a href="case.html">案例<p>Case</p></a></li>
						<li><a href="about.html">关于我们<p>About us</p></a></li>
					</ul>
				</nav> 
			</header>
			<!--banner-->
			<div class="banner">
				<img src="img/case_banner.jpg"/>
			</div>
			<!--页面中部-->
			<div class="content clearfix">
				<!--左边栏-->
				<div class="cont_l fl">
					<div class="cl_pic">
						<img src="img/case_left.png"/>
					</div>
				</div>
				<!--中间栏-->
				<div class="cont_c fl">
					<!--中间栏上部-->
					<div class="ctc_t">
						<div class="ctc_twrap clearfix">
							<div class="ct_wrap1 fl">
								<p>排序</p>
							</div>
							<div class="ct_wrap fl">
								<p>按时间</p>
							</div>
							<div class="ct_wrap fl">
								<p>按销量</p>
							</div>
							<div class="ct_wrap fl">
								<p>按种类</p>
							</div>
						</div>
					</div>
					<!--中间栏中部-->
					<div class="ctc_m">
						<div class="cmb clearfix">
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>剑圣传奇</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/pic_t_01.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>PLAGUE LNC</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/pic_t_02.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>地狱边境</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/pic_t_03.png"/>
								</div>
							</div>
						</div>
					</div>
					<div class="ctc_m">
						<div class="cmb clearfix">
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>剑圣传奇</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_01.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>PLAGUE LNC</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_02.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>地狱边境</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_03.png"/>
								</div>
							</div>
						</div>
					</div>
					<div class="ctc_m">
						<div class="cmb clearfix">
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>功夫西游</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_04.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>宝石迷阵</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_05.png"/>
								</div>
							</div>
							<div class="cmb_wrap">
								<div class="cwp_t clearfix">
									<div class="cpt_l fl">
										<h3>植物大战僵尸</h3>
										<p>2014-07-09</p>
										<span>使用次数:20</span>
										<div class="cpt_line">
											
										</div>
									</div>
									<div class="cpt_r fr">
										<div class="cpt_rt">
											购买
										</div>
										<div class="cpt_rb fr">
											<img src="img/start.png"/>
										</div>
									</div>
								</div>
								<div class="cwp_b">
									<img src="img/case_pic_06.png"/>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--右边栏-->
				<div class="cont_r fl">
					<div class="cr_pic">
						<img src="img/case_right.png"/>
					</div>
				</div>
			</div>
			<footer>
				<div class="fenye clearfix">
					<div class="fy_lr fl">
						<img src="img/case_fy_l.png"/>
					</div>
					<div class="fy_wrap fl">
						<ul>
							<li>1</li>
							<li>2</li>
							<li>3</li>
							<li>4</li>
							<li>5</li>
							<li>6</li>
							<li>······</li>
							<li>12</li>
						</ul>
					</div>
					<div class="fy_lr fl">
						<img src="img/case_fy_r.png"/>
					</div>
				</div>
				<div class="f_p">
					<p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
				</div>
				<div class="f_img">
					<img src="common/images/foot.png"/>
				</div>
			</footer>
		</div>
		
	</body>
</html>
